<template>
    <div class="item">
        <img :src="play.coverImgUrl" alt="">
        <p>{{play.name}}</p>
    </div>
</template>

<script>
import axios from 'axios'
export default {
    

    data() {
        return {
            play:[]
        };
    },

    mounted() {
        var {id} =this.$route.params
        console.log(id);
        axios.get(`http://122.112.161.135:3000/playlist/detail?id=${id}`).then(res=>{
            console.log(res.data.playlist);
            this.play =res.data.playlist
        })
    },

    methods: {
        
    },
};
</script>

<style  scoped>
.item img{
    width: 200px;
    height: 300px;
}
</style>